<template>
  <div>
    <nav-bar title="工程详情"></nav-bar>
    <div class="maxinBox">
      <van-tabs type="card" v-model="active" @change="getDetails">
        <van-tab title="基础信息">
          <van-cell title="工程名称" :value="form.projectName || '--'" />
          <van-cell title="危险级别" v-if="form.dangerousLevel === 1" value="常规" />
          <van-cell title="危险级别" v-else-if="form.dangerousLevel === 2" value="危大" />
          <van-cell title="危险级别" v-else value="超危" />
          <van-cell title="实施状态" v-if="form.builderStatus === 0" value="未实施" />
          <van-cell title="实施状态" v-else-if="form.builderStatus === 1" value="实施中" />
          <van-cell title="实施状态" v-else value="已完成" />
          <van-cell title="开始日期" :value="form.startDate | formatDate('YYYY-MM-DD HH:mm')" />
          <van-cell title="结束日期" :value="form.endDate | formatDate('YYYY-MM-DD HH:mm')" />
          <van-cell title="施工负责人" :value="form.builderMan || '--'" />
          <van-cell title="安全负责人" :value="form.safeMan || '--'" />
        </van-tab>
        <van-tab title="工程信息">
          <van-cell title="开挖深度" :value="form.pitDepth || '--'" />
          <van-cell title="支护结构" :value="form.supportStructure || '--'" />
          <van-cell title="可能导致的事故" :value="form.resultAccident || '--'" />
          <van-cell title="主要控制措施" :value="form.controlMeasures || '--'" />
          <van-cell title="专项施工方案" :value="form.specialConstructionPlan || '--'" />
          <van-cell title="专家认证" :value="form.expertArgumentation || '--'" />
          <van-cell title="专项施工方案交底" :value="form.specialConstructionPlanJd || '--'" />
        </van-tab>
      </van-tabs>
    </div>
  </div>

</template>
<script>
  import dangerProjectAPI from '../../../../api/workAPI/dangerProjectAPI.js'
  export default {
    data() {
      return {
        active: 0,
        form: null
      }
    },
    methods: {
      getDetails() {
        let data = {
          id: this.$route.params.itemData.id,
          infoType: this.active
        }
        dangerProjectAPI.getDangerProjectDetails(data).then(res => {
          this.form = res
        })
      },
    },
    mounted() {
      this.getDetails()
    }
  }
</script>

<style scoped lang="scss">
/deep/ .van-tabs__wrap{
    // height: 2.75rem;
    // line-height: 2.75rem;
    .van-tabs__nav--card{
      border: inherit;
      margin: inherit;
      .van-tab.van-tab--active{
        background-color: #fff;
        color: #1577FF;
      }
      .van-tab{
        border: inherit;
        // height: 2.75rem;
        // line-height: 2.75rem;
        color: #999;
        background-color: #EBEBEB;;
      }
    }
  }
</style>
